/**重置样式**/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,button,figure,table,th,td,b,i{margin:0;padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
fieldset,img{border:0;margin:0; padding:0;}
body{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color:#000;}
a:hover{color:none;}
input,select,img{ vertical-align:middle;}
hr{border:1px solid #333;}
.clear {
    zoom: 1;
}
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fl{float:left;}
.fr{float:right;}
.wp{max-width: 1200px;margin: 0 auto;}

/*全局*/
.fullSlide {
	width:100%;
	position:relative;
	height:410px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:410px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:410px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(img/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}

.rt{width: 100%;height: 45px; border-bottom:1px solid #ccc;}
.rt span{line-height: 43px; border-bottom: 3px solid #028cce;display: inline-block;}
.rt em{font-size: 13px;float: right;line-height: 45px;}

.m2t{font-weight: bold;font-size: 22px; color: #028cce; background: url(img/tt-line.jpg) center no-repeat;text-align: center;}
.m2-des{width:96%;margin: 2%;font-size: 14px;line-height: 25px; color: #666;}
.m3{margin-top: 50px;padding: 50px 0px; background: #028cce;}
.m3t{font-weight: bold;font-size: 22px; color: #FFF; background: url(img/tt-line2.png) center no-repeat;text-align: center;}
.scrollleft{margin-top: 30px;}
.m3-more{width:100%;margin-top:20px;text-align: center;}
.m3-more a{padding: 6px 30px; border:1px solid #CCC; color: #FFF;font-size: 14px;}
.m4{margin-top: 40px;}
.main{margin-top: 20px;}
.pageshow{margin-top: 20px; font-size: 14px; line-height: 25px;}

/* 分页page样式 style*/
.page{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}
.page a{	
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
.page a:hover{
	border:1px solid #FF6600; 
	background-color:#FF6600; 
	color:#fff;
}
.page span{
	border: 1px solid #FF6600;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFEEE5;
	color: #FF6600;}
.news ul li{font-size: 13px;margin-top: 13px;color: #666;line-height: 30px; border-bottom: 1px dashed #CCC;}
.news ul li i{margin-right: 10px;}
.news ul li span{float: right;}
.news ul li a:hover{color: #00b4ff;}
.con-tt{ margin-bottom:20px;margin-top:10px;}
.con-tt h2{ text-align:center; margin-bottom:10px;color:#666;font-size: 22px;color: #00b4ff;}
.con-tt p{ text-align:center; font-size:13px; color:#666;}
.con-tt p span{ margin-right:20px;}
.pn{ margin-top:50px; font-size:14px;font-family:"微软雅黑"; color:#666;}
/*PC端CSS*/
@media only screen and (min-device-width:1025px){

.top{width:100%;height: 45px; background: #333333;font-size: 13px;color: #FFF; line-height: 45px;}
.top .fl i{color: #028cce;font-size: 16px;margin-right: 5px;}
.top form{margin-top: 10px;}
.top form input{width: 150px; padding-left: 10px;height: 25px; border:none;float: left;outline: none;}
.top form button{width: 40px; height: 25px; background: #028cce;color: #FFF;border:none;float: left;cursor: pointer;}
.head{margin-top: 30px;}
.tel {width: 250px;}
.tel img{float: left;margin-right: 10px;}
.tel span{font-size: 13px;}
.tel b{font-size: 24px;}
.menu{width: 100%;line-height: 45px; background: #028cce;margin-top: 20px;}
.menu ul{max-width: 1200px; margin: 0 auto;}
.menu ul li{width:148px;border-left:1px solid #016aa8;border-right: 1px solid #0498de; font-size: 16px;float: left;text-align: center;line-height: 45px;}
.menu ul li a{color: #FFF;}
.menu ul li:nth-child(1){border-left:none;}
.menu ul li:nth-child(8){border-right: none;}
.m1{margin-top: 20px;}
.m1-left{width: 200px;float: left;}

.cat{width: 100%;height: 62px; background: url(img/cat-bg.jpg) center no-repeat;text-align: center; color: #FFF;padding-top: 10px;}
.cat b{font-size: 24px;}
.category dl{border:1px solid #CCC;padding:10px 0px;}
.category dl dt{width: 46%;line-height: 25px; background: #ececec;border-radius: 3px;font-size: 12px;margin: 2%;float: left;text-align: center;}
.category dl dt a{display: block;}
.category dl dt:hover{ background: #0078b8;}
.category dl dt:hover a{color: #FFF;}
.m1-right{width: 970px;float: right;}
.rt{width: 100%;height: 45px; border-bottom:1px solid #ccc;}
.rt span{line-height: 43px; border-bottom: 3px solid #028cce;display: inline-block;}
.rt em{font-size: 13px;float: right;line-height: 45px;}
.products ul li{width: 220px; height: 210px;position: relative;float: left;margin-left: 30px;margin-top: 20px;}
.products ul li img{width: 220px; height: 210px; position: absolute; z-index: 1;}
.products ul li p{width: 220px;height: 25px; line-height: 25px;display: block; background: rgba(0,0,0,0.5);color: #FFF; text-align: center;position: absolute; bottom: 0; z-index: 2;font-size: 13px;}
.products ul li:nth-child(1),.products ul li:nth-child(5),.products ul li:nth-child(9),.products ul li:nth-child(13){margin-left: 0px;}
.m2{margin-top: 100px;}

.m3 ul li{width: 285px; height: 285px;margin:10px;}
.m3 ul li img{width: 100%;height: 100%;}
.m4 .m4-list{width: 365px; height: 400px; border:1px solid #CCC;padding: 20px 10px;}
.m4t{height: 26px; border-left:2px solid #00b4ff;line-height: 26px;}
.m4t span{margin-left:5px;}
.m4t a{float: right;font-size: 13px;}
.m4-list:nth-child(1){margin-left: 0px;}
.m4-list{float: left;margin-left: 19px;}
.m4-list dl{margin-top: 20px;}
.m4-list dl dd{margin-top: 20px;}
.m4-list dl dd ul li{font-size: 13px;margin-top: 13px;color: #666;}
.m4-list dl dd ul li i{margin-right: 10px;}
.m4-list dl dd ul li span{float: right;}
.m4-list dl dd ul li a:hover{color: #00b4ff;}
.m4-list dl dd p{font-size: 13px;margin-top: 10px; color: #666;}
.footer{width: 100%;margin-top: 30px;height: 354px; background: url(img/foot-bg.jpg);position: relative;}
.foot-top{width: 100%;padding-top: 30px;color: #FFF;}
.foot-left{width: 450px;float: left;}
.lines{width: 20px; border:1px solid #00b4ff;margin-top: 10px;}
.ft h3{font-weight: normal;font-size: 16px;}
.ft p{font-size: 12px;margin-top: 20px;color: #999999;}
.foot-left form{margin-top: 10px;}
.foot-left form input{width: 110px; height: 33px;border:none;padding-left: 10px;margin-top: 8.5px;outline: none;}
.foot-left form textarea{float: right;margin-left: 10px; margin-top: 10px;height: 110px;border: none; padding-left: 10px;padding-top: 5px;outline: none;}
.foot-left form button{margin-left: 10px; margin-top: 10px;border:none;outline: none;cursor: pointer;}
.foot-mid{width: 400px;float: left;}
.foot-mid ul li{float: left;margin-right: 40px;margin-top: 15px;}
.foot-mid ul li a{font-size: 13px; color: #999999;text-decoration: underline;}
.foot-mid ul li a:hover{color: #00b4ff;}
.foot-right{width:320px;float: right;text-align: center;}
.foot-bot{width: 100%;height: 70px; background: #141414;position: absolute; z-index: 5; bottom: 0px;line-height: 70px; color: #FFF; font-size: 13px;}
.fb-left{float: left;}
.fb-right{float: right;}
.fb-right a{color: #FFF;}

}

/*ipad端*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px){

.top{width:100%;height: 45px; background: #333333;font-size: 13px;color: #FFF; line-height: 45px;}
.top .fl i{color: #028cce;font-size: 16px;margin-right: 5px;}
.top form{margin-top: 10px;}
.top form input{width: 150px; padding-left: 10px;height: 25px; border:none;float: left;outline: none;}
.top form button{width: 40px; height: 25px; background: #028cce;color: #FFF;border:none;float: left;cursor: pointer;}
.head{margin-top: 30px;}
.tel {width: 250px;}
.tel img{float: left;margin-right: 10px;}
.tel span{font-size: 13px;}
.tel b{font-size: 24px;}
.menu{width: 100%;line-height: 45px; background: #028cce;margin-top: 20px;}
.menu ul{max-width: 1200px; margin: 0 auto;}
.menu ul li{width:148px; font-size: 16px;float: left;text-align: center;line-height: 45px;}
.menu ul li a{color: #FFF;}
.menu ul li:nth-child(1){border-left:none;}
.menu ul li:nth-child(8){border-right: none;}
.m1{margin-top: 20px;}
.m1-left{width: 200px;float: left;}

.cat{width: 100%;height: 62px; background: url(img/cat-bg.jpg) center no-repeat;text-align: center; color: #FFF;padding-top: 10px;}
.cat b{font-size: 24px;}
.category dl{border:1px solid #CCC;padding:10px 0px;}
.category dl dt{width: 96%;line-height: 25px; background: #ececec;border-radius: 3px;font-size: 12px;margin: 2%;float: left;text-align: center;}
.category dl dt a{display: block;}
.category dl dt:hover{ background: #0078b8;}
.category dl dt:hover a{color: #FFF;}
.m1-right{width: 70%;margin:1%;float: right;}
.rt{width: 100%;height: 45px; border-bottom:1px solid #ccc;}
.rt span{line-height: 43px; border-bottom: 3px solid #028cce;display: inline-block;}
.rt em{font-size: 13px;float: right;line-height: 45px;}
.products ul li{width: 220px; height: 210px;position: relative;float: left;margin:9px;}
.products ul li img{width: 220px; height: 210px; position: absolute; z-index: 1;}
.products ul li p{width: 220px;height: 25px; line-height: 25px;display: block; background: rgba(0,0,0,0.5);color: #FFF; text-align: center;position: absolute; bottom: 0; z-index: 2;font-size: 13px;}

.m2{margin-top: 100px;}

.m3 ul li{width: 285px; height: 285px;margin:10px;}
.m3 ul li img{width: 100%;height: 100%;}
.m4 .m4-list{width: 45%; height: 400px; border:1px solid #CCC;padding: 1%;margin: 1%;}
.m4t{height: 26px; border-left:2px solid #00b4ff;line-height: 26px;}
.m4t span{margin-left:5px;}
.m4t a{float: right;font-size: 13px;}

.m4-list{float: left;margin-left: 19px;}
.m4-list dl{margin-top: 20px;}
.m4-list dl dt img{width: 100%;}
.m4-list dl dd{margin-top: 20px;}
.m4-list dl dd ul li{font-size: 13px;margin-top: 13px;color: #666;}
.m4-list dl dd ul li i{margin-right: 10px;}
.m4-list dl dd ul li span{float: right;}
.m4-list dl dd ul li a:hover{color: #00b4ff;}
.m4-list dl dd p{font-size: 13px;margin-top: 10px; color: #666;}
.footer{width: 100%;margin-top: 30px; background: url(img/foot-bg.jpg);position: relative;}
.foot-top{width: 100%;padding-top: 30px;color: #FFF;padding-bottom: 70px;}
.foot-left{width: 50%;float: left;}
.lines{width: 20px; border:1px solid #00b4ff;margin-top: 10px;}
.ft h3{font-weight: normal;font-size: 16px;}
.ft p{font-size: 12px;margin-top: 20px;color: #999999;}
.foot-left form{margin-top: 10px;}
.foot-left form input{width: 110px; height: 33px;border:none;padding-left: 10px;margin-top: 8.5px;outline: none;}
.foot-left form textarea{float: right;margin-left: 10px; margin-top: 10px;height: 110px;border: none; padding-left: 10px;padding-top: 5px;outline: none;}
.foot-left form button{margin-left: 10px; margin-top: 10px;border:none;outline: none;cursor: pointer;}
.foot-mid{width: 50%;float: left;}
.foot-mid ul li{float: left;margin-right: 40px;margin-top: 15px;}
.foot-mid ul li a{font-size: 13px; color: #999999;text-decoration: underline;}
.foot-mid ul li a:hover{color: #00b4ff;}
.foot-right{width:50%;float: right;text-align: center;margin-top: 10px;}
.foot-right img{width: 30%;}
.foot-bot{width: 100%;height: 70px; background: #141414;position: absolute; z-index: 5; bottom: 0px;line-height: 70px; color: #FFF; font-size: 13px;}
.fb-left{float: left;}
.fb-right{float: right;}
.fb-right a{color: #FFF;}

}
.itongzhi{
	display: flex;
	padding: 10px 0;
	width: 1200px;
	margin: 0 auto;
}
.itongzhi img{
	width: 20px;
	margin-right: 7px;
}
.itongzhi p{
	font-size: 14px;
	color: #000000;
}
.itongzhi p span{
	font-weight: bold;
}
/*手机端CSS*/
@media only screen and (min-device-width:241px) and (max-device-width:480px){
	.itongzhi{
		padding: 10px 5px;
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	.itongzhi img{
		float: left;
	}
.top{display: none;}
.head{width:100%;text-align: center;text-align: center;}
.head .logo{width: 100%;margin-top: 2%;}
.head .logo img{max-width: 100%;}
.head .tel{display: none;}	
.menu{width: 100%;margin-top: 2%;}
.menu ul li{width: 25%;line-height: 40px; float: left; background: #028cce;text-align: center;font-size: 13px; color: #FFF;}
.menu ul li a{color: #FFF;}
.m1-left{display: none;}
.cat{width: 100%;height: 62px; background: url(img/cat-bg.jpg) center no-repeat;text-align: center; color: #FFF;padding-top: 10px;display: none;}
.cat b{font-size: 24px;}
.category dl{padding:10px 0px;}
.category dl dt{width: 46%;line-height: 25px; background: #ececec;border-radius: 3px;font-size: 12px;margin: 1% 2%;float: left;text-align: center;}
.category dl dt a{display: block;}
.category dl dt:hover{ background: #0078b8;}
.category dl dt:hover a{color: #FFF;}

.main .m1-left{display: block;}
.m1-right{width:98%;float: right;margin: 1%;}

.products ul li{width: 46%;height: 150px;  position: relative;float: left;margin: 2%;}
.products ul li img{width: 100%; height: 100%;}
.products ul li p{width: 100%;height: 25px; line-height: 25px;display: block; background: rgba(0,0,0,0.5);color: #FFF; text-align: center;position: absolute; bottom: 0; z-index: 2;font-size: 13px;}
.m2{margin-top: 50px;}
.m3 ul li{width: 130px; height: 130px;margin:10px;}
.m3 ul li img{width: 100%;height: 100%;}
.m4 .m4-list{margin:3% 1%;padding:3% 1%;border:1px solid #CCC;}
.m4t{height: 26px; border-left:2px solid #00b4ff;line-height: 26px;}
.m4t span{margin-left:5px;}
.m4t a{float: right;font-size: 13px;}
.m4-list dl{margin-top: 20px;}
.m4-list dl dt img{width: 100%;}
.m4-list dl dd{margin-top: 20px;}
.m4-list dl dd ul li{font-size: 13px;margin-top: 13px;color: #666;}
.m4-list dl dd ul li i{margin-right: 10px;}
.m4-list dl dd ul li span{float: right;}
.m4-list dl dd ul li a:hover{color: #00b4ff;}
.m4-list dl dd p{font-size: 13px;margin-top: 10px; color: #666;}
.footer{width: 100%;margin-top: 30px;background: url(img/foot-bg.jpg) center;position: relative;}
.foot-top{width: 100%;padding-top: 30px;color: #FFF;}
.foot-left{width: 98%;margin: 1%;}
.lines{width: 20px; border:1px solid #00b4ff;margin-top: 10px;}
.ft h3{font-weight: normal;font-size: 16px;}
.ft p{font-size: 12px;margin-top: 20px;color: #999999;}
.foot-left form{margin-top: 10px;}
.foot-left form input{width: 80px; height: 33px;border:none;padding-left: 5px;margin-top: 8.5px;outline: none;}
.foot-left form textarea{float: right;margin-left: 8px; margin-top: 10px;height: 110px;border: none; padding-left: 5px;padding-top: 5px;outline: none;}
.foot-left form button{margin-left: 10px; margin-top: 10px;border:none;outline: none;cursor: pointer;}
.foot-mid{margin: 5% 1%;width: 50%;float: left;}
.foot-mid ul li{float: left;width:50%;text-align: left; margin-top: 15px;}
.foot-mid ul li a{font-size: 13px; color: #999999;text-decoration: underline;}
.foot-mid ul li a:hover{color: #00b4ff;}
.foot-right{width:48%;float:right;text-align: center;margin: 20% 0 10%;}
.foot-right img{width: 80%;}
.foot-bot{width: 100%; background: #141414;color: #FFF;line-height: 25px; font-size: 13px;text-align: center;padding: 10px 0px;}
.foot-bot span{display: block;}
.fb-right{display: none;}
.fb-right a{color: #FFF;}
.main .rt em{display: none;}

}


.ryzz ul{
	overflow: hidden;
}
.products.ryzz ul li{
	height: auto;
	width: 32.33%;
	margin-right: 1.2%;
	margin-left: 0;
}
.products.ryzz ul li:nth-child(3n){
	margin-right: 0;
}
.products.ryzz ul li img{
	width: 100%;
	height: auto;
	position: unset;
}
.products.ryzz ul li p{
	width: 100%;
	position: unset;
}